<template>
  <div>
    myText:{{ myText }}
    <CustomInput v-model="myText" />
    <br />
    myTextTitle:{{ myTextTitle }}
    <CustomInput2 v-model:title="myTextTitle" />
    <!-- <CustomInput2 v-model.capitalize="myTextTitle" /> -->

    <br>
		当前鼠标位置: {{x}}-{{y}}
  </div>
</template>

<script setup>
import {useMouse} from './useMouse.js'
import CustomInput from './CustomInput.vue'
import CustomInput2 from './CustomInput2.vue'
import { ref, onMounted, onUnmounted } from 'vue'
const myText = ref(10)
const myTextTitle = ref('this is title')

const {x, y} = useMouse()

</script>

<style>
</style>